<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>ajax</title>

<style type="text/css">

body {
 background-color: #fff;
 margin: 40px auto;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
 width:840px;
}

a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
}

h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}

.info {
 font-family: Monaco, Verdana, Sans-serif;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

.important {
    background: none repeat scroll 0 0 #FBE6F2;
    border: 1px solid #D893A1;
    color: #333333;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}


#form-holder {
background: whiteSmoke;
}

.form-item {
border-top: 1px solid #D9D9DA;
clear: both;
}


label {
width: 150px;
color: #4F545A;
padding: 20px 15px;
text-align: right;
display: block;
float: left;
font-size: 14px;
font-weight: bold;
line-height: 38px;
}


.form-item-main {
padding: 20px 15px;
background: white;
margin-left: 180px;
}


input.input-text, textarea.input-text, input.shadow-input-text, textarea.shadow-input-text {
font-size: 14px;
line-height: 20px;
border: 1px solid #AEBACD;
padding: 4px;
background: url(<?php $this->load->helper('url');echo base_url(); ?>static/images/input-text.png) no-repeat;
}

input.input-text, input.shadow-input-text {
height: 30px;
}

.input-text {
width: 350px;
}

.form-item label {
width: 150px;
color: #4F545A;
padding: 20px 15px;
text-align: right;
display: block;
float: left;
font-size: 14px;
font-weight: bold;
line-height: 38px;
}

.form-bottom-nav {
text-align: right;
background: white;
height: 34px;
padding: 0 10px;
line-height: 34px;
border-top: 1px solid #D9D9DA;
}



.input-button, .blue-button {
border: none;
background: url(<?php $this->load->helper('url');echo base_url(); ?>static/images/blue-button.png) repeat-x 0 0;
height: 36px;
border: 1px solid #006DAB;
font-size: 14px;
line-height: 36px;
display: block;
padding: 0 20px;
width:28px;
margin:10px 190px;
color: white;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}

.input-button:hover, .blue-button:hover {
background-position: 0 -36px;
}

</style>
<script type="text/javascript" src="<?php $this->load->helper('url');echo base_url(); ?>static/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="<?php $this->load->helper('url');echo base_url(); ?>static/js/home.js"></script>
</head>
<body>

<h1>ajav-view!</h1>

<p>The page is recording the process of my studing.</p>

<div class="info">application/views/welcome_message.php</div>
<div class="important">application/views/welcome_message.php</div>
<?php
$this->load->view('form_view');
?>

<p><br />Page rendered in {elapsed_time} seconds</p>

</body>
</html>